
import { request } from "../../utils/index";
import regeneratorRuntime  from '../../lib/runtime/runtime';


Page({
  data: {
    // 存放数据中的第一层大菜单
    menuList: [],
    // 右侧二层数据
    goodsArr: [],
    // 默认渲染数组的索引
    activeIndex: 0,
    // 设置右侧滚动条的滚动距离
    scrollTop: 0
  },
  // 用来缓存 接口数据
  catesData: [],
  onLoad() {
    this.getCategory();
  },

  // 获取分类页面数据
  async getCategory() {
 

    let res = await request({ url: "categories" });

      

    this.catesData = res;
    // 获取到 返回数据中的第一层的菜单名称数组
    //  ["大家电", "热门推荐", "海外购"]
    const menuList = this.catesData.map(v => v.cat_name);
    // 获取第一层数据中的children的数组
    const goodsArr = this.catesData[this.data.activeIndex].children;
    this.setData({
      menuList,
      goodsArr
    })

  }
  ,
  // 左侧菜单被点击
  handleItemSelect(e) {
    const { index } = e.currentTarget.dataset;
    const goodsArr = this.catesData[index].children;
    // 切换菜单同时 把右侧的滚动条 设置回到顶部 
    const scrollTop = 0;
    this.setData({
      activeIndex: index,
      goodsArr,
      scrollTop
    })
  }
})